<%@ page language="java" pageEncoding="utf-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<title>title</title>
		<link rel="stylesheet" href="${pageContext.request.contextPath}/cts/css/style.css" type="text/css"/>
		<script type="text/javascript" src="${pageContext.request.contextPath}/cts/js/jquery.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/cts/js/popdiv.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/cts/js/jquery.bgiframe.js"></script>
	</head>
	<body>
		弹窗：<br/>
		<input type="button" value="弹窗" onclick="openPopDiv('div1')"/>
		<input type="button" value="top:200" onclick="openPopDiv('div2','',200)"/>
		<input type="button" value="正居中" onclick="openPopDiv('div3','','auto')"/>
		<input type="button" value="没有屏蔽层" onclick="openPopDiv('div4','',null,false)"/>
		<input type="button" value="弹窗同时关闭其它窗口" onclick="openOnePopDiv('div5')"/>
		<input type="button" value="后台加载内容" onclick="openPopDiv('div6','testPop','200px')"/>
		
		<div id="div1" class="popdiv_inner" style="width: 400px;">
			<div class="popdiv_inner_outter"></div>
			<div class="popdiv_close" onclick="alert('正在关闭')"></div>
			<div class="popdiv_handle" title="鼠标左键按住可拖动">title</div>
			<div class="popdiv_content">
				普通弹窗：top默认100
				<input type="button" value="再弹一个" onclick="openPopDiv('div6','testPop',200)"/>
			</div>
		</div>
		<div id="div2" class="popdiv_inner" style="width: 400px;">
			<div class="popdiv_inner_outter"></div>
			<div class="popdiv_close"></div>
			<div class="popdiv_handle" title="鼠标左键按住可拖动">title</div>
			<div class="popdiv_content">top:200</div>
		</div>
		<div id="div3" class="popdiv_inner" style="width: 400px;">
			<div class="popdiv_inner_outter"></div>
			<div class="popdiv_close"></div>
			<div class="popdiv_handle" title="鼠标左键按住可拖动">title</div>
			<div class="popdiv_content">我上下左右都在中间哦</div>
		</div>
		<div id="div4" class="popdiv_inner" style="width: 400px;">
			<div class="popdiv_inner_outter"></div>
			<div class="popdiv_close" onclick="alert('正在关闭')"></div>
			<div class="popdiv_handle" title="鼠标左键按住可拖动">title</div>
			<div class="popdiv_content">没有屏蔽层了</div>
		</div>
		<div id="div5" class="popdiv_inner" style="width: 400px;">
			<div class="popdiv_inner_outter"></div>
			<div class="popdiv_close"></div>
			<div class="popdiv_handle" title="鼠标左键按住可拖动">title</div>
			<div class="popdiv_content">其它窗口已经关闭了</div>
		</div>
		<div id="div6" class="popdiv_inner" style="width: 400px;">
			<div class="popdiv_inner_outter"></div>
			<div class="popdiv_close"></div>
			<div class="popdiv_handle" title="鼠标左键按住可拖动">title</div>
			<div class="popdiv_content">
				普通弹窗
				<div class="popdiv_content"></div>
			</div>
		</div>
		</br>
	</body>
</html>
   
   
   
   
   
   
   
   
   
   